<template>
  <div>
    <div class="tenantry-manage" v-if="propForm.clientLesseeType!=0 ">
      <div class="card-box">
        <div style="font-size: 40px;margin-left:50px; padding-top: 10px">
          {{propForm.clientLesseeName}} &nbsp;
          <img src="./image/logo_qy.png" width="40" height="40" />
        </div>
        <div class="card-title">基础信息</div>
        <el-form class="form-wrap" size="small">
          <!--第一行数据-->
          <el-form-item label="证件类型" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.certificateType | dict('commercial_certificate_type')}}</span>
          </el-form-item>
          <!--第二行数据.. 类推 -->
          <el-form-item label="证件号码" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.certificateNum }}</span>
          </el-form-item>

          <el-form-item label="行业类别" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.categroyEmployment}}</span>
          </el-form-item>

          <el-form-item label="注册资金" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.registerFund}}</span>
          </el-form-item>

          <el-form-item label="主营业务" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.primaryBusiness}}</span>
          </el-form-item>

          <el-form-item label="通讯地址" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.address}}</span>
          </el-form-item>

          <el-form-item label="法人代表" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.legalPerson}}</span>
          </el-form-item>
          <el-form-item label="身份证号" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.legalIdentityCard}}</span>
          </el-form-item>
          <el-form-item label="手机号码" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.phoneNum}}</span>
          </el-form-item>
          <el-form-item label="固定电话" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.telephone}}</span>
          </el-form-item>

          <el-form-item label="引进单位" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.introduceUnit}}</span>
          </el-form-item>
            <el-form-item label="创建人" class="col-one"></el-form-item>
            <el-form-item class="col-two">
                <span>{{propForm.createName}}</span>
            </el-form-item>
            <el-form-item label="创建时间" class="col-one"></el-form-item>
            <el-form-item class="col-two">
                <span>{{propForm.createTime}}</span>
            </el-form-item>
          <el-form-item label="备注" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.remarks}}</span>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="tenantry-manage" v-if="propForm.clientLesseeType==0 ">
      <div class="card-box">
        <div style="font-size: 40px;margin-left:50px; padding-top: 10px">
          {{propForm.clientLesseeName}} &nbsp;
          <img src="./image/logo_gr.png" width="40" height="40" />
        </div>
        <div class="card-title">基础信息</div>
        <el-form class="form-wrap" size="small">
          <!--第一行数据-->
          <el-form-item label="手机号码" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.phoneNum}}</span>
          </el-form-item>
          <!--第二行数据.. 类推 -->
          <!--       <el-form-item label="固定电话"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.telephone}}</span>
                    </el-form-item>
          -->
          <el-form-item label="电子邮箱" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.email}}</span>
          </el-form-item>
					<el-form-item label="证件类型" class="col-one"></el-form-item>
					<el-form-item class="col-two">
						<span>{{propForm.certificateType | dict('personage_certificate_type')}}</span>
					</el-form-item>
          <el-form-item label="证件号" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.certificateNum}}</span>
          </el-form-item>

          <el-form-item label="通讯地址" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.address}}</span>
          </el-form-item>

          <el-form-item label="工作单位" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.workUnit}}</span>
          </el-form-item>

          <el-form-item label="备注" class="col-one"></el-form-item>
          <el-form-item class="col-two">
            <span>{{propForm.remarks}}</span>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="tenantry-manage">
      <div class="card-title">联系人</div>
      <div v-if="propForm.clientLesseeType==0 " class="card-box">
        <el-table
          :data="linkInfo"
          style="width: 100%"
          :header-cell-style="{'text-align':'center' }"
          :row-style="{height:'35px'}"
          :cell-style="{'text-align':'center', 'height':'22px'}"
        >
          <el-table-column type="index" label="序号" width="180"></el-table-column>
          <el-table-column prop="name" label="姓名" width="180"></el-table-column>
          <el-table-column prop="phone" label="电话" width="180"></el-table-column>
          <el-table-column prop="cardNm" label="证件号码"></el-table-column>
          <el-table-column prop="relationshipLessee" label="与客户的关系"></el-table-column>
          <el-table-column prop="remarks" label="备注"></el-table-column>
        </el-table>
      </div>
      <div v-if="propForm.clientLesseeType!=0 " class="card-box">
        <el-table
          :data="linkInfo"
          style="width: 100%"
          :header-cell-style="{'text-align':'center' }"
          :row-style="{height:'35px'}"
          :cell-style="{'text-align':'center', 'height':'22px'}"
        >
          <el-table-column type="index" label="序号" width="180"></el-table-column>
          <el-table-column prop="name" label="姓名" width="180"></el-table-column>
          <el-table-column prop="phone" label="电话" width="180"></el-table-column>
          <el-table-column prop="departmentName" label="部门"></el-table-column>
          <el-table-column prop="position" label="职务"></el-table-column>
          <el-table-column prop="remarks" label="备注"></el-table-column>
        </el-table>
      </div>
    </div>
    <div class="tenantry-manage">
      <div class="card-box">
        <div class="card-title">附件</div>
        <v-upload type="file" ref="lesseeUpload" :busId="busId" :modelType="modelType" :isShowFileList="true" :isView="true"></v-upload>
      </div>
    </div>
    <div class="tenantry-manage">
      <div class="card-box">
        <el-tabs v-model="activeName" type="card">
          <el-tab-pane label="合同信息" name="first">
            <contractInfoRent :pid="clientLesseeId"></contractInfoRent>
          </el-tab-pane>
          <el-tab-pane label="缴费记录" name="second">
            <payment-record :pid="clientLesseeId"></payment-record>
          </el-tab-pane>
          <el-tab-pane label="欠款记录" name="three">
            <debt-record :pid="clientLesseeId"></debt-record>
          </el-tab-pane>
          <!--      <el-tab-pane label="物业考核记录" name="four">
                      <approveRecord :pid="clientLesseeId"></approveRecord>
          </el-tab-pane>-->
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script src="./js/look.js">
</script>

<style scoped  lang="scss">
@import "@/views/client-manage/scss/edit";
</style>
